<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Registration</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- bootstrap-css -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <!-- //bootstrap-css -->
    <!-- Custom CSS -->
    <link th:href="@{/css/style.css}" rel='stylesheet' type='text/css'/>
    <link th:href="@{/css/style-responsive.css}" rel="stylesheet"/>
    <!-- font CSS -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic'
          rel='stylesheet' type='text/css'>
    <!-- font-awesome icons -->
    <link rel="stylesheet" th:href="@{/css/font.css}" type="text/css"/>
    <link th:href="@{/css/font-awesome.css}" rel="stylesheet">
    <!-- //font-awesome icons -->
    <script th:src="@{/js/jquery2.0.3.min.js}"></script>
</head>
<body>
<div class="reg-w3">
    <div class="w3layouts-main">
        <h2>Add Employee Now</h2>
        <form th:action="@{/main/addEmployee}" method="post">
            <label>姓名：</label>
            <input type="text" class="ggg" name="lastName" placeholder="" required="">
            <label>邮箱：</label>
            <input type="email" class="ggg" name="email" placeholder="" required="">
            <label>性别：</label>
            <input type="text" class="ggg" name="gender" placeholder="" required="">
            <label>部门：</label>
            <input type="text" class="ggg" name="department.id" th:placeholder="${departments}" required="">
            <label>出生日期：</label>
            <input type="text" class="ggg" name="birth" placeholder="" required="">
            <div class="clearfix"></div>
            <input type="submit" value="submit" name="add">
        </form>
        <p><a href="#">Back</a></p>
    </div>
</div>
<script th:src="@{/js/bootstrap.js}"></script>
<script th:src="@{/js/jquery.dcjqaccordion.2.7.js}"></script>
<script th:src="@{/js/scripts.js}"></script>
<script th:src="@{/js/jquery.slimscroll.js}"></script>
<script th:src="@{/js/jquery.nicescroll.js}"></script>

<script type="text/javascript" th:src="@{/js/flot-chart/excanvas.min.js}"></script>

<script th:src="@{/js/jquery.scrollTo.js}"></script>
</body>
</html>
